define(['request','template','jquery'],(req,template)=>{
	class Header{
		constructor() {
		    this.init();
		}
		init(){
			// 加载头尾部
			$('nav').load('/html/modules/header.html',()=>{
				this.getTabs()
				this.hover()
				this.allCount()
				this.isLogin()
			})
		}
		// 获取导航栏
		getTabs(){
			req.getIndexTab().then(res => {
				// console.log(res)
				if(res.code === 200){
					const myTab = res.data.list
					$('.drop-1').html(template('tabsTemplate',{list:myTab}))
				}
			})
		}
		// 计算购物车数量
		allCount(){
			let prodList = localStorage.getItem('prodList')
			let count = 0
			
			if(prodList){
				prodList = JSON.parse(prodList)
				prodList.forEach(item => {
					count += item.isChecked ? item.count : 0
				})
			}
			$('#count').text(count)
		}
		// 判断是否登录
		isLogin(){
			let userInfo = getCookie('userInfo')
			if(userInfo){
				$('.btn-login a span').addClass('bg-font')
			}else{
				$('.btn-login a span').removeClass('bg-font')
			}
		}
		hover(){
			// 导航1
			$('.nav-btn1').hover(function(){
				$('.dropdown-1').css('display','block');
			},function(){
				$('.dropdown-1').css('display','none');
			})
			$('.dropdown-1').hover(function(){
				$('.dropdown-1').css('display','block');
			},function(){
				$('.dropdown-1').css('display','none');
			})
			// 导航2
			$('.nav-btn2').hover(function(){
				$('.dropdown-2').css('display','block');
			},function(){
				$('.dropdown-2').css('display','none');
			})
			$('.dropdown-2').hover(function(){
				$('.dropdown-2').css('display','block');
			},function(){
				$('.dropdown-2').css('display','none');
			})
			// 导航5
			$('.nav-btn5').hover(function(){
				$('.dropdown-5').css('display','block');
			},function(){
				$('.dropdown-5').css('display','none');
			})
			$('.dropdown-5').hover(function(){
				$('.dropdown-5').css('display','block');
			},function(){
				$('.dropdown-5').css('display','none');
			})
			// seaech
			$('.navbar-right>li:nth-child(1)>a').click(function(){
				$('.navbar-search').toggle();
			})
		}
	}
	return new Header()
})
